<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bod y{
				width: 500px;
				height: 1000px;  /*滚动条*/
				/* 背景尺寸：函数：contain cover */
				background-size: cover; /*等比例宽高【缩放 】，保证页面图片全部显示*/
				background-image: url(img/王也.png);
				background-attachment: fixed;
			}
			div{
				width: 500px;
				height: 500px;
				back ground-color: aqua;
				background-image: url(img/王也.png);
				/* 背景图小于空间【自动平铺】：去掉平铺 */
				background-repeat: no-repeat;
				border: 1px solid red;
				background-size: 20%;
				/* 背景定位：先决条件，背景图小于外围空间 */
				background-position: bottom center;
				background-position: 80% 0;
				/* 复合属性 */
				/* background:background-image background-color background-position
				   background-size background-repeat  background-attachment
				   */
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe libero quis, quaerat consequatur sed distinctio aut, dolores corporis atque cum, enim eveniet corrupti explicabo tenetur ad minima repellendus! Ea, inventore.
		Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis repellat voluptatem optio modi sed? Sunt, dolorum praesentium sed doloribus quibusdam consequatur nulla animi non, odit, accusantium inventore quod repudiandae ullam?
		<!-- css背景：背景图，背景颜色 ----区别  页面任意移动位置
		     html图片  img            ---区别   页面定死位置
			 子属性
			 background-color背景颜色：十六进制色值
			 复合属性
			 background：十六进制色值
			 -->
			 <div></div>
	</body>
</html>